<!DOCTYPE html>
<html lang="zh-cmn-Hans-CN">
<head>
	<meta charset="utf-8">
	<!-- 优先使用IE最新版本和 Chrome -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!-- 360 浏览器内核控制 -->
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- SEO 三项优化 -->
	<!-- 页面描述 -->
	<meta name="description" content="" />
	<!-- 页面关键词 -->
	<meta name="keywords" content=""/>
	<!-- 页面标题 -->
	<title></title>
	<link rel="shortcut icon" href="docs-assets/ico/favicon.png">
	<!-- Bootstrap core CSS -->
	<link href="../css/bootstrap.css" rel="stylesheet">
	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
</head>

<body>

	<div class="container">
		<h1>BootStrap框架可以使用了！</h1>
		<div class="row">
			<div class="col-md-4">这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列</div>
			<div class="col-md-4">这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列</div>
			<div class="col-md-4">这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列</div>
		</div>
		<div class="row">
			<div class="col-md-9 col-xs-6">这是栅格系统表现出的左侧一列这是栅格系统表现出的左侧一列这是栅格系统表现出的左侧一列这是栅格系统表现出的左侧一列这是栅格系统表现出的左侧一列这是栅格系统表现出的左侧一列这是栅格系统表现出的左侧一列这是栅格系统表现出的左侧一列
<div class="row">
			<div class="col-md-4">这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列</div>
			<div class="col-md-4">这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列</div>
			<div class="col-md-4">这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列这是栅格系统的一列</div>
		</div>

			</div>
			<div class="col-md-3 col-xs-6">右侧右侧右侧右侧右侧右侧右侧右侧右侧右侧</div>
		</div>
		<div class="row">
			<div class="col-md-4 col-md-offset-3">偏移演示偏移演示偏移演示偏移演示偏移演示偏移演示偏移演示偏移演示偏移演示</div>
		</div>

		<div class="table-responsive">
		<table class="table">
			<tr> <td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td> </tr>
<tr> <td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td> </tr>
<tr> <td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td><td>单元格内容</td> </tr>
		</table>
	</div>

	<form action="" class="hidden-xs">
			<input type="email" class="form-control" placeholder="请输入您的邮箱地址">
			<input type="password" class="form-control" placeholder="请输入您的密码">
			<input type="submit" value="提交" />
		</form>

	</div>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/bootstrap.js"></script>
</body>
</html>
